// 商品主要信息
.goods-content{
  background:#ffffff; padding: 0 20px 20px 20px;
  // 价格
  .price{
    padding: 20px 0 0 0; display: flex; align-items: center;
    ._symbol{ font-size: 28px; color: #EB441F; }
    ._up { margin-left: 4px; font-size: 22px; color: #FFFFFF; }
    ._red { color: #EB441F; }
    .coupon-price{
      font-weight: bold; display: inline-flex; align-items: center; justify-content: center; font-size: 50px; color: #FFFFFF; background: linear-gradient(270deg, #FF3A0F 0%, #FF7C32 100%); border-radius: 100px; padding: 0 18px; text-align: center; margin-left: 20px;
      ._coupon-after{ font-size: 28px; margin-right: 6px; }
    }
    .sale{ flex: 1; text-align: right; font-size: 28px; color: $uni-color-secondary; }
  }
  // 折扣
  .discount{
    background-color: #fff; display: flex; align-items: center; padding: 20px 0; font-size: $uni-font-size-sm;
    ._title{
      flex: 1; text-align: left; align-items: center; height: 40px; overflow: hidden;
      ._tips{ display: inline-block; color: $uni-color-primary; background: rgba(235, 68, 31, 0.16); text-align: center; padding: 0 12px; line-height: 40px; border-radius: 4px; margin-right: 16px; font-size: 30px; }
    }
    ._suffix{
      display: flex; align-items: center;
      ._suffix{ padding: 0 5px; font-size: $uni-font-size-mini;}
    }
  }
  .brand{
    display: flex;
    .lf{
      flex:1; position: relative;width: 100%;display: flex;align-items: center;
      ._title{
        flex: 1; font-size: 32px; font-weight: bold; line-height: 1.6; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; color: $uni-color-default;
        .tag{ color: #fff; background-color: $uni-color-primary; font-weight: normal; font-size: 26px; border-radius: 4px; height: 40px; padding: 8px 12px; margin-right: 10px;}
        .tag-brand{ color: #fff; background-color: $uni-color-primary;}
      }
    }
    .rt{
      ._share{ margin-left: 16px; margin-right: 16px; display: flex; flex-direction: column; color: $uni-color-primary; font-size: 26px; align-items: center; justify-content: center; }
    }
  }
  .product-selling-point{
    margin-top: 10px;
    ._introduce{ flex: 1; font-size: 28px; color: #999999; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break: break-all;}
  }
  .store{
    display: flex; background: $uni-bg-color; border-radius: 4px; padding: 16px; align-items: center; margin-top: 24px;
    ._logo{ width: 50px; height: 50px; border-right: 2px; }
    ._name{ font-weight: 900; font-size: 28px; color: #555555; margin: 0 16px; }
    ._vertical-line{ width: 2px; height: 20px; background: #A4A4A4;}
    ._introduce{ flex: 1; margin-left: 16px; font-weight: 500; font-size: 26px; color: #646464;}
  }
}

// 下单表单
.form-order{
  .title{ background: #FFFFFF;padding: 28px;border-bottom: 1px solid $uni-page-bg; text-align: center; }
}

// 悬浮表单
.m-pop-order-info{
  z-index: 999; height: 80vh; width: 100%; background: #F7F8FA; border-radius: 20px 20px 0 0; overflow: hidden; position: fixed; top: 20vh; transition: top .3s ease; display: flex; flex-direction: column;
  .pop_header{
    z-index: 9; position: absolute; top: 0; left: 0; border-radius: 20px 20px 0 0; width: 100%; height: 88px; display: flex; align-items: center; justify-content: center; background: #FFFFFF;
    .pop_close{ position: absolute; right: 10px; width: 54px; height: 54px; border-radius: 54px; background: rgba(207,207,207,0.5); display: flex; align-items: center; justify-content: center;}
  }
  .pop_header-placeholder{ height: 88px;}
  .pop_info{ flex: 1; overflow: auto; }
}

// 海报
.p-poster{
  position: fixed; width: 100%; height: 100%; z-index: 1000; left: 0; top: 0; display: block; overflow: hidden;background-color: rgba(0,0,0,.5);
  .p-container{
    position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 560px;
    .close-icon{ position: absolute; right: -50px; top: -50px; }
    ._img{ width: 560px;  border-radius: 10px; overflow: hidden; margin: 0 auto; }
    .save-poster{ margin: 0 auto; margin-top: 50px; width: 280px; height: 64px; border-radius: 100px; background: $uni-color-primary; display: flex; align-items: center; justify-content: center; font-size: 28px; color: #FFFFFF;}
  }
}

// 底部
.footer {
  z-index: 11; position: fixed; left: 0; bottom: 0; width: 100%; background-color: #FFFFFF; opacity: 1; box-shadow: 0 0 10px 0 rgba(154, 141, 141, 0.6); text-align: center; visibility: visible; transition: visibility 1s, opacity 1s;
  &.is-hide { opacity: 0 !important; visibility: hidden !important; }
}

// 商品火爆已售罄，商家补货中
.bottom-no-stock-num{ width: 100%; height: 88px; background: #FFF3DA; margin-bottom: env(safe-area-inset-bottom); font-size: 28px; color: #ED6A0C; display: flex; align-items: center; justify-content: center;}

// 页面不存在
.p-deleted-box{ height: 100vh; width: 100%; background: #FFFFFF; }

// 悬浮跑马灯
.m-fixed-carousel{ position: fixed; left: 20px; top: 200px; z-index: 3;}
